{extend name="layout"}
{block name="style"}
<style>
body{min-width: inherit;background-color: #fff;overflow-x: hidden;}
.teacher{display: none;}
.layui-layout-admin .layui-body{top:10px;}
form{padding:50px 0;}
.layui-footer{width: 100%;position: fixed;bottom: 0;padding:10px 0px;background-color: #eee;text-align: center;}
</style>
{/block}
{block name="header"}{/block}
{block name="menu"}{/block}
{block name="more"}{/block}
{block name="footer"}

{/block}
{block name="main"}
<form class="layui-form" action="" method="post">
  
    
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">语言</label>
      <div class="layui-input-inline">
        <select name="lang" required lay-verify="lang" lay-filter="">
          <option value="" >请选择语言</option>
          {volist name="langs" id="vo"}
          <option  value="{$vo.id}" {eq name="vo.id" value="$data.lang"}selected{/eq} >{$vo.title}</option>
          {/volist}   
        </select>
      </div>
    </div>
  </div>

    
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">标题</label>
      <div class="layui-input-inline">
        <input type="text" name="title" placeholder="" value="{$data.title}"  required lay-verify="title" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
 
 <div class="layui-form-item">
 <div class="layui-inline">
      <label class="layui-form-label">链接</label>
      <div class="layui-input-inline">
        <input type="tel" name="url" lay-verify="url" value="{$data.url}" placeholder='http://...' autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
    
    <div class="layui-form-item">
    <div class="layui-block">
      <label class="layui-form-label">描述</label>
      <div class="layui-input-block" style="padding-right:20px;">
        <textarea type="text" name="description" placeholder="" required lay-verify="description" class="layui-textarea">{$data.description}</textarea>
      </div>
    </div>
  </div>
  
  

  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">状态</label>
      <div class="layui-input-inline">
        <select name="status" required lay-verify="required" lay-filter="">
          <option value="1" {eq name="data.status" value='1'}selected{/eq}>可用</option>
          <option value="0" {eq name='data.status' value='0'}selected{/eq}>禁用</option>
        </select>
      </div>
    </div>
  </div>

  

  <div class="layui-footer">
    <button class="layui-btn layui-btn-normal layui-btn-small" lay-submit lay-filter="*" type="button">立即提交</button>
    <button class="layui-btn layui-btn-small layui-btn-primary" id="closeFrame" type="button">完成/取消</button>
  </div>

</form>
<script>
  layui.use(['layer','jquery','form','layedit','laydate'],function(){
    var $ = layui.jquery;
    var form = layui.form;
    var layedit = layui.layedit;
    var laydate=layui.laydate;
    

    layedit.set({
    	uploadImage:{
    		url: '{:url('upload/articleImage')}',type:'post'
    	}
    })

    var editIndex = layedit.build('content');
    form.verify({
      lang:function(value){if(value.length<1){return '请选择语言分类!';}},
      title:function(value){if(value.length < 1){return '标题不能为空';} else if(value.length>6){return '账号不能超过6个字符'}},
      description:function(value){if(value.length<1){return '请填写描述内容！'}},
    });
    //日期
  laydate.render({
    elem: '#date'
  });
 

    //监听提交
    form.on('submit(*)', function(data){
      data.form.submit();
      return true;
    });
    $('#closeFrame').on('click',function(){
      parent.layer.closeAll();
    })
    $('#addData').on('click',function(){
      $('form').submit();
    })
  });
</script>
{/block}
{block name="script"}
{/block}
